<template>
    <!-- 辅助线 -->
    <div class="lineContainer">
        <div 
            class="line"
            :style="{borderTop: `1px ${lineInfo.lineType} ${lineInfo.color}`}"
            :class="lineInfo.hasPadding == true ? 'hasPadding' : ''"
        ></div>
    </div>
</template>

<script>
export default {
    props: ['lineInfo']
}
</script>

<style lang="stylus">
    // 辅助线
    .lineContainer
        padding 0.4rem 0
        .line
            height 0
        // 有边距
        .hasPadding
            margin 0 0.2rem
</style>
